import React, { Component } from 'react';
import {
    Text,
    View,
    ScrollView
} from 'react-native';

import ScrollableTabView, { ScrollableTabBar, } from 'react-native-scrollable-tab-view';
import WorksDisplay from "./WorksDisplay/MyPageComponents";
import WorkShow from "./WorksDisplay/WorkComponents";
export default class TopView extends Component {
    constructor(props) {
        super(props)
    }
    static navigationOptions = {
        title:"展示交流",
        headerStyle:{
            backgroundColor:'#d04542',
            height:50,
        },
        headerTintColor:'white',
    };
    render() {
        let _this = this;
        return (
            <ScrollableTabView
                tabBarUnderlineStyle={{backgroundColor:'#d04542'}}
                tabBarBackgroundColor='#FFFFFF'
                tabBarActiveTextColor='#d04542'
                tabBarInactiveTextColor='#333333'
                tabBarTextStyle={{ fontSize: 18 }}
                renderTabBar={() => <ScrollableTabBar />}
            >
                <ScrollView tabLabel='作品展示'>
                    <WorksDisplay navigation={ _this.props.navigation }></WorksDisplay>
                </ScrollView >
                <ScrollView tabLabel='工作交流'>
                    <WorkShow navigation={ _this.props.navigation }></WorkShow>
                </ScrollView >
            </ScrollableTabView>
        )
    }
}